<template>
  <div>
    <div class="OtherInformation">
      <div class="MyNeed-title">
        <span>招商信息</span>
        <span class="add-btn">
          <a-button type="primary" ghost @click="attractInvestment">
            <!-- <router-link to="attractInvestment"> -->
            新增
            <!-- </router-link> -->
          </a-button>
        </span>
      </div>
      <div class="mt-10 card-box">
        <a-form-model layout="inline" class="clearfix" :model="form">
          <a-form-model-item label="关键字：">
            <a-input placeholder="请输入招商信息标题" v-model="ZSipagination.ZSform.title" />
          </a-form-model-item>
          <a-form-model-item label="信息状态：">
            <a-select :default-value="null" style="width: 120px" v-model="ZSipagination.ZSform.status">
              <a-select-option :value="null">请选择</a-select-option>
              <a-select-option :value="0">已上架</a-select-option>
              <a-select-option :value="1">未上架</a-select-option>
            </a-select>
          </a-form-model-item>
          <a-form-model-item label="审核状态：">
            <a-select :default-value="null" style="width: 120px" v-model="ZSipagination.ZSform.approvalSt">
              <a-select-option :value="null">请选择</a-select-option>
              <a-select-option :value="0">审核中</a-select-option>
              <a-select-option :value="1">已通过</a-select-option>
              <a-select-option :value="2">未通过</a-select-option>
            </a-select>
          </a-form-model-item>
          <a-form-model-item label="发布时间：">
            <a-range-picker @change="onChangeTime" v-model="ZSSearchdata" :placeholder="['开始日期', '结束日期']">
              <a-icon slot="suffixIcon" type="calendar" />
            </a-range-picker>
          </a-form-model-item>
          <div class="f-right mt-5">
            <a-button class="mr-8" style="color:#909399;" @click="ZScleardata">重置</a-button>
            <a-button type="primary" @click="SearchZZList">搜索</a-button>
          </div>
          <!-- <a-button class="f-right mt-5" type="primary" @click="SearchZZList">搜索</a-button>
          <a-button class="f-right mr-10 mt-5" style="color:#909399;" @click="ZScleardata">重置</a-button> -->
        </a-form-model>
      </div>

      <div class="action">
        <a-table :scroll="{ x: 1500 }" :columns="ZScolumns" :data-source="ZSdata" :pagination="ZSipagination"
          :rowKey="record => record.id">
          <div slot="publishStatus" slot-scope="text" style="color: #0DA9B0;" v-if="text === 0">
            已上架
          </div>
          <div slot="publishStatus" slot-scope="text" v-else>未上架</div>
          <div slot="auditStatus" slot-scope="text" style="color: #E9284F;" v-if="text == 0">审核中</div>
          <div slot="auditStatus" slot-scope="text" style="color: #0DA9B0;" v-else-if="text == 1">已通过</div>
          <div slot="auditStatus" slot-scope="text" style="color: #EE6224;" v-else-if="text == 2">未通过</div>
          <a slot="name" slot-scope="text">{{ text }}</a>
          <span slot="action" slot-scope="text,record">
            <a @click="handleEdit(record.id, true)">查看详情</a>
            <a v-if="record.approvalSt != 1" @click="handleEdit(record.id, false)" class="ml-24">编辑</a>
            <a v-if="record.status == 0 && record.approvalSt != 0" @click="PublieEdit(record.id, '下架', record)"
              class="ml-24">下架</a>
            <a v-if="record.status == 1 && record.approvalSt == 1" @click="PublieEdit(record.id, '上架', record)"
              class="ml-24">上架</a>
            <a v-if="record.approvalSt != 0" @click="deleEdit(record.id)" class="ml-24">删除</a>
          </span>
        </a-table>
      </div>
    </div>
    <div class="OtherInformation mt-10">
      <div class="MyNeed-title">
        <span>招标信息</span>
        <span class="add-btn">
          <a-button type="primary" ghost @click="Bidding">
            新增
          </a-button>
        </span>
      </div>
      <div class="mt-10 card-box">
        <a-form-model layout="inline" class="clearfix" :model="form">
          <a-form-model-item label="关键字：">
            <a-input placeholder="请输入招标信息标题" v-model="ZBipagination.ZBform.title" />
          </a-form-model-item>
          <a-form-model-item label="信息状态：">
            <a-select default-value="请选择" style="width: 120px" v-model="ZBipagination.ZBform.status">
              <a-select-option :value="null">请选择</a-select-option>
              <a-select-option :value="0">已上架</a-select-option>
              <a-select-option :value="1">未上架</a-select-option>
            </a-select>
          </a-form-model-item>
          <a-form-model-item label="审核状态：">
            <a-select default-value="请选择" style="width: 120px" v-model="ZBipagination.ZBform.approvalSt">
              <a-select-option :value="null">请选择</a-select-option>
              <a-select-option :value="0">审核中</a-select-option>
              <a-select-option :value="1">已通过</a-select-option>
              <a-select-option :value="2">未通过</a-select-option>
            </a-select>
          </a-form-model-item>
          <a-form-model-item label="发布时间：">
            <a-range-picker @change="ZBonChangeTime" v-model="ZBSearchdata" :placeholder="['开始日期', '结束日期']">
              <a-icon slot="suffixIcon" type="calendar" />
            </a-range-picker>
          </a-form-model-item>
          <div class="f-right mt-5">
            <a-button class="mr-8" style="color:#909399;" @click="ZBcleardata">重置</a-button>
            <a-button type="primary" @click="SearchZBList">搜索</a-button>
          </div>
          <!-- <a-button class="f-right mt-5" type="primary" @click="SearchZBList">搜索</a-button>
          <a-button class="f-right mr-10 mt-5" style="color:#909399;" @click="ZBcleardata">重置</a-button> -->
        </a-form-model>
      </div>

      <div class="action">
        <a-table :scroll="{ x: 1500 }" :columns="ZBcolumns" :data-source="ZBdata" :pagination="ZBipagination"
          :rowKey="record => record.id">
          <div slot="publishStatus" slot-scope="text" style="color: #0DA9B0;" v-if="text == 0">
            已上架
          </div>
          <div slot="publishStatus" slot-scope="text" v-else>未上架</div>
          <div slot="auditStatus" slot-scope="text" style="color: #E9284F;" v-if="text == 0">审核中</div>
          <div slot="auditStatus" slot-scope="text" style="color: #0DA9B0;" v-else-if="text == 1">已通过</div>
          <div slot="auditStatus" slot-scope="text" style="color: #EE6224;" v-else-if="text == 2">未通过</div>
          <a slot="name" slot-scope="text">{{ text }}</a>
          <span slot="action" slot-scope="text,record">
            <a @click="ZBhandleEdit(record.id, true)">查看详情</a>
            <a @click="seeReco(record)" class="ml-20" v-if="record.approvalSt === 2">查看推送</a>
            <!-- <span v-if="record."> -->
            <a v-if="record.approvalSt != 1" @click="handleEdit(record.id, false)" class="ml-24">编辑</a>
            <a v-if="record.status == 0 && record.approvalSt != 0" @click="PublieEdit(record.id, '下架', record)"
              class="ml-24">下架</a>
            <a v-if="record.status == 1 && record.approvalSt == 1" @click="PublieEdit(record.id, '上架', record)"
              class="ml-24">上架</a>
            <a v-if="record.approvalSt != 0" @click="deleEdit(record.id)" class="ml-24">删除</a>
            <!-- </span> -->
          </span>

        </a-table>
      </div>
    </div>
    <a-modal title="推荐企业" :visible="recoVis" :footer="null" @cancel="cancelRec">
      <a-table :rowKey="record => record.entId" :columns="matchColumns" :data-source="companyInfo" bordered
        :pagination="false" :showHeader="false">
        <a slot="entName" slot-scope="text, record" target="_blank" title="点击可查看企业详情"
          :href="`${webHref}/aupply-chains-14-16203/entdetails?id=${record.entId}`">{{ text }}</a>
      </a-table>
    </a-modal>
    <!-- <a-modal v-model="XQvisible" :centered="true" title="留言内容" @ok="handleOk" wrapClassName="industrymode">
      <p class="title">留言内容</p>
      <div class="info_details">
        <p><span class="item_lable">供应企业:</span><span class="item_contant">{{XQdialogInfo.supplyEntName}}</span></p>
        <p><span class="item_lable">企业地址:</span><span class="item_contant">{{XQdialogInfo.supplyAddress}}</span></p>
        <p><span class="item_lable">企业网址:</span><span class="item_contant">{{XQdialogInfo.supplyUrl}}</span></p>
        <p><span class="item_lable">联系人:</span><span class="item_contant">{{XQdialogInfo.supplyContact}}</span></p>
        <p><span class="item_lable">手机号码:</span><span class="item_contant">{{XQdialogInfo.supplyPhone}}</span></p>
        <p><span class="item_lable">电子邮箱:</span><span class="item_contant">{{XQdialogInfo.supplyEmail}}</span></p>
        <p><span class="item_lable">已发布供应:</span><span class="item_contant">{{XQdialogInfo.productName}}</span></p>
        <p><span class="item_lable">附言:</span><span class="item_contant">{{XQdialogInfo.postscript}}</span></p>
      </div>
    </a-modal>

    <a-modal v-model="CPvisible" :centered="true" title="留言内容" @ok="handleOk" wrapClassName="industrymode">
      <p class="title">留言内容</p>
      <div class="info_details">
        <p><span class="item_lable">采购企业:</span><span class="item_contant">{{CPdialogInfo.demandEntName}}</span></p>
        <p><span class="item_lable">企业地址:</span><span class="item_contant">{{CPdialogInfo.demandAddress}}</span></p>
        <p><span class="item_lable">企业网址:</span><span class="item_contant">{{CPdialogInfo.demandUrl}}</span></p>
        <p><span class="item_lable">联系人:</span><span class="item_contant">{{CPdialogInfo.demandContact}}</span></p>
        <p><span class="item_lable">手机号码:</span><span class="item_contant">{{CPdialogInfo.demandPhone}}</span></p>
        <p><span class="item_lable">电子邮箱:</span><span class="item_contant">{{CPdialogInfo.demandEmail}}</span></p>
        <p><span class="item_lable">附言:</span><span class="item_contant">{{CPdialogInfo.postscript}}</span></p>
      </div>
    </a-modal> -->
  </div>
</template>

<script>
import { getToken, setIsSign } from "@/utils/auth";
import { getEntBaseInfo } from "@/apis/user/EntBaseInfo";
import { getAnnouncemeList, editAnnounceme, delAnnounceme } from "@/apis/com/announceme"
// import Loading from "@/components/loading";
import { getCompaynInfo } from "@/apis/com/company";
import moment from "moment";
import {
  getentMerchantsList,
  delEntMerchants,
  publishentMerchants,
  getProductEntPush
} from "@/apis/user/EntMerchants";



import { message, Modal } from "ant-design-vue";
import { isLogin } from '@/utils';
import {
  getCookiesUserInfo,
} from "@/utils/auth";
const ZScolumns = [
  {
    title: "序号",
    dataIndex: "idNum",
    width: 80,
    align: "center",
    customRender: (text, record, index) => `${index + 1}`, // 显示每一行的序
  },
  {
    title: "标题",
    dataIndex: "title",
    key: "title",
  },
  {
    title: "信息状态",
    dataIndex: "status",
    align: "center",
    scopedSlots: { customRender: "publishStatus" },
    // customRender: function (text) {
    //   if (text == 1) {
    //     return "已上架";
    //   } else if (text == 2) {
    //     return "未上架";
    //   }
    // },
  },
  {
    title: "审核状态",
    dataIndex: "approvalSt",
    align: "center",
    scopedSlots: { customRender: "auditStatus" },
    // customRender: function (text) {
    //   if (text == 1) {
    //     return "审核中";
    //   } else if (text == 2) {
    //     return "已通过";
    //   } else if (text == 3) {
    //     return "未通过";
    //   }
    // },
  },
  {
    title: "创建时间",
    dataIndex: "createTime",
    align: "center",
  },
  {
    title: "发布时间",
    dataIndex: "publishTime",
    align: "center",
  },
  {
    title: "操作",
    dataIndex: "action",
    align: "center",
    fixed: "right",
    width: 250,
    scopedSlots: { customRender: "action" },
  },
];

const ZBcolumns = [
  {
    title: "序号",
    dataIndex: "idNum",
    width: 80,
    align: "center",
    customRender: (text, record, index) => `${index + 1}`, // 显示每一行的序
  },
  {
    title: "标题",
    dataIndex: "title",
    key: "title",
  },
  {
    title: "信息状态",
    align: "center",
    dataIndex: "status",
    scopedSlots: { customRender: "publishStatus" },
    // customRender: function (text) {
    //   if (text == 1) {
    //     return "已上架";
    //   } else if (text == 2) {
    //     return "未上架";
    //   }
    // },
  },
  {
    title: "审核状态",
    align: "center",
    dataIndex: "approvalSt",
    scopedSlots: { customRender: "auditStatus" },
    // customRender: function (text) {
    //   if (text == 1) {
    //     return "审核中";
    //   } else if (text == 2) {
    //     return "已通过";
    //   } else if (text == 3) {
    //     return "未通过";
    //   }
    // },
  },
  {
    title: "创建时间",
    align: "center",
    dataIndex: "createTime",
  },
  {
    title: "发布时间",
    align: "center",
    dataIndex: "publishTime",
  },
  {
    title: "操作",
    dataIndex: "action",
    align: "center",
    fixed: "right",
    width: 250,
    scopedSlots: { customRender: "action" },
  },
];

export default {
  components: { Modal },
  data () {
    return {
      recoVis: false,
      webHref: location.origin,
      EntInfo: {},
      XQdialogInfo: {},
      CPdialogInfo: {},
      XQvisible: false,
      CPvisible: false,
      ZSSearchdata: null,
      ZBSearchdata: null,
      data: [],
      ZSdata: [],
      ZBdata: [],
      ZScolumns,
      ZBcolumns,
      TableZSList: [], //招商列表
      reDemand: [
        {
          label: "已上架",
          key: "1",
        },
        {
          label: "未上架",
          key: "2",
        },
      ],
      reExamine: [
        {
          label: "已通过",
          key: "1",
        },
        {
          label: "审核中",
          key: "2",
        },
        {
          label: "未通过",
          key: "3",
        },
        {
          label: "未审核",
          key: "4",
        },
      ],
      ZSipagination: {
        total: 0,
        pageSize: 10,
        current: 1,
        pageSizeOptions: ["10", "20", "30", "40", "50"],
        showTotal: (total) => `共有 ${total} 条数据`,
        ZSform: {
          // isOrderDesc: true,
          approvalSt: null, //(0:审核中;1:已通过;2:未通过;)
          current: 1,
          size: 10,
          title: "", //	搜索字符串
          status: null,
          publishDateEnd: null,
          publishDateStart: null,
          type: 1, //（1:招商;2:招标）
          companyId: JSON.parse(getCookiesUserInfo()).companyId,
        },
        showQuickJumper: true,
        showSizeChanger: true,
        onShowSizeChange: (current, pageSize) =>
          this.ZSonSizeChange(current, pageSize),
        onChange: (page, pageSize) => this.ZSonPageChange(page, pageSize),
      },
      ZBipagination: {
        total: 0,
        pageSize: 10,
        current: 1,
        pageSizeOptions: ["10", "20", "30", "40", "50"],
        showTotal: (total) => `共有 ${total} 条数据`,
        ZBform: {
          // isOrderDesc: true,
          approvalSt: null, //(1:审核中;2:已通过;3:未通过;)
          current: 1,
          size: 10,
          title: "", //	搜索字符串
          status: null,
          publishDateEnd: null,
          publishDateStart: null,
          type: 2, //（1:招商;2:招标）
          companyId: JSON.parse(getCookiesUserInfo()).companyId,
        },
        showQuickJumper: true,
        showSizeChanger: true,
        onShowSizeChange: (current, pageSize) =>
          this.ZBonSizeChange(current, pageSize),
        onChange: (page, pageSize) => this.ZBonPageChange(page, pageSize),
      },
      form: {
        keytext: "",
        reDemand: "请选择",
        reExamine: "请选择",
        data: undefined,
      },
      ZBform: {},
      matchColumns: [
        {
          title: '企业名称',
          dataIndex: 'entName',
          scopedSlots: { customRender: 'entName' }
        }
      ],
      companyInfo: []
    };
  },
  created () {
    this.ZBgetentMerchantsList();
    this.ZSgetentMerchantsList();
    this.getEntBaseInfo();
  },
  methods: {
    //查看推送
    seeReco (record) {
      let requestData = {
        demandNo: record.merchantsNo === null ? '' : record.merchantsNo
      }
      getProductEntPush(requestData).then(res => {
        if (res && res.code === 200) {
          const { data } = res
          this.companyInfo = data
          this.recoVis = true
        } else {
          this.$message.error('查看失败')
        }
      }).catch(err => {
        if (err) {
          this.$message.error('服务器错误')
        }
      })
    },
    // 关闭推荐弹框
    cancelRec () {
      this.recoVis = false
    },
    // 获取企业基本信息
    getEntBaseInfo () {
      const id = JSON.parse(getCookiesUserInfo()).companyId
      getCompaynInfo(id)
        .then((res) => {
          if (res.code == 200) {
            this.EntInfo = res.data;
          }
        })
        .catch((error) => { });
    },
    async attractInvestment () {


      if(!isLogin(true)) return
      await getEntBaseInfo()
      console.log(this.EntInfo);

      if (this.EntInfo.status == 0) {
        this.$router.push("/usercenter/attractInvestment");
      } else {
        this.$store.commit('setIsSign', true);
        // this.$message.warning("您需要完成信用承诺函签署再进行该操作");
      }
    },
    async Bidding () {


      if(!isLogin(true)) return
      await getEntBaseInfo()
      if (this.EntInfo.status == 0) {
        this.$router.push("/usercenter/Bidding");
      } else {
        this.$store.commit('setIsSign', true);
        // this.$message.warning("您需要完成信用承诺函签署再进行该操作");
      }
    },
    disabledDate (time) {
      // Can not select days before today and today
      return current && current < moment().endOf("day");
    },

    ShowseeEdit (merchantsid) {
      this.$router.push({
        path: "/AttractInvestmentDetails",
        query: { merchantsid },
      });
    },
    CPShowseeEdit (merchantsid) {
      this.$router.push({
        path: "/InviteBiddingDetails",
        query: { merchantsid },
      });
    },
    // 上下架

    PublieEdit (id, type, record) {
      let that = this;
      that.$confirm({
        title: "您确定要" + type + "此信息吗?",
        okText: "确定",
        okType: "danger",
        cancelText: "取消",
        onOk () {
          console.log("OK");
          record.status = record.status === 0 ? 1 : 0
          // record.publishTime = DateUtil
          editAnnounceme(record)
            .then((res) => {
              console.log(res);
              if (res.code == 200) {
                that.$message.success(type + "成功");
                record.type === 1 ? that.ZSgetentMerchantsList() : that.ZBgetentMerchantsList()
              } else {
                that.$message.error(type + "失败");
              }
            })
            .catch((error) => { });
        },
        onCancel () {
          console.log("Cancel");
        },
      });
    },

    //重置招商
    ZScleardata () {
      this.ZSipagination.ZSform = {
        approvalSt: null, //(1:审核中;2:已通过;3:未通过;)
        current: 1,
        size: 10,
        title: "", //	搜索字符串
        status: null,
        publishDateEnd: null,
        publishDateStart: null,
        type: 1, //（1:招商;2:招标）
      };
      this.ZSSearchdata = null;
      this.ZSgetentMerchantsList();
    },
    //重置招标
    ZBcleardata () {
      this.ZBipagination.ZBform = {
        approvalSt: null, //(1:审核中;2:已通过;3:未通过;)
        current: 1,
        size: 10,
        title: "", //	搜索字符串
        status: null,
        publishDateEnd: null,
        publishDateStart: null,
        type: 2, //（1:招商;2:招标）
      };
      this.ZBSearchdata = null;
      this.ZBgetentMerchantsList();
    },
    onChangeTime (datas, dataStrings) {
      this.ZSipagination.ZSform.publishDateStart = dataStrings[0];
      this.ZSipagination.ZSform.publishDateEnd = dataStrings[1];
      // this.ZSipagination.ZSform.publishDateStart = moment(
      //   this.ZSSearchdata[0]
      // ).format("YYYY-MM-DD");
      // this.ZSipagination.ZSform.publishDateEnd = moment(
      //   this.ZSSearchdata[1]
      // ).format("YYYY-MM-DD");
    },

    ZBonChangeTime (datas, dataStrings) {
      this.ZBipagination.ZBform.publishDateStart = dataStrings[0];
      this.ZBipagination.ZBform.publishDateEnd = dataStrings[1];
      // this.ZBipagination.ZBform.publishDateStart = moment(
      //   this.ZBSearchdata[0]
      // ).format("YYYY-MM-DD");
      // this.ZBipagination.ZBform.publishDateEnd = moment(
      //   this.ZBSearchdata[1]
      // ).format("YYYY-MM-DD");
    },
    //搜索招商列表
    SearchZZList () {
      console.log(this.ZSSearchdata);
      this.ZSgetentMerchantsList();
    },

    //搜索招标列表
    SearchZBList () {
      this.ZBgetentMerchantsList();
    },

    //获取招标列表
    ZBgetentMerchantsList () {
      this.$setLoading(true)
      const params = { ...this.ZBipagination.ZBform }
      params.pageNum = this.ZBipagination.ZBform.current
      params.pageSize = this.ZBipagination.ZBform.pageSize
      getAnnouncemeList(params)
        .then((res) => {
          console.log("招标列表");
          console.log(res);
          if (res.code == 200) {
            this.ZBdata = res.rows;
            this.ZBipagination.total = res.total;
          }
          this.$setLoading(false)
        })
        .catch((error) => {
          this.$setLoading(false)
        });
    },
    // 招标每页条数
    ZBonSizeChange (current, pageSize) {
      console.log(current, pageSize);
      this.ZBipagination.current = current;
      this.ZBipagination.ZBform.current = current
      this.ZBipagination.ZBform.size = pageSize;
      this.ZBgetentMerchantsList();
    },
    // 招标当前页码
    ZBonPageChange (page, pageSize) {
      this.ZBipagination.pageSize = pageSize;
      this.ZBipagination.ZBform.current = page;
      this.ZBipagination.ZBform.size = pageSize;
      this.ZBgetentMerchantsList();
    },

    //获取招商列表
    ZSgetentMerchantsList () {

      this.$setLoading(true)
      console.log(this.ZSSearchdata);
      const params = { ...this.ZSipagination.ZSform }
      params.pageNum = this.ZSipagination.ZSform.current
      params.pageSize = this.ZSipagination.ZSform.pageSize
      getAnnouncemeList(params)
        .then((res) => {
          if (res.code == 200) {
            this.ZSdata = res.rows;
            this.ZSipagination.total = res.total;
            console.log("招商列表");
            console.log(res);
          }
          this.$setLoading(false)
        })
        .catch((error) => {
          // Loading.hide()
          this.$setLoading(false)
        });
    },
    // 招商当前页码
    ZSonPageChange (page, pageSize) {
      this.ZSipagination.current = page;
      this.ZSipagination.ZSform.current = page;
      this.ZSipagination.ZSform.size = pageSize
      this.ZSgetentMerchantsList();
    },
    // 招商每页条数
    ZSonSizeChange (current, pageSize) {
      this.ZSipagination.pageSize = pageSize;
      this.ZSipagination.ZSform.size = pageSize;
      this.ZSipagination.ZSform.current = current;
      this.ZSgetentMerchantsList();
    },



    // 查看
    seeEdit (id) {
      this.$router.push(
        "/usercenter/attractInvestment?id=" + id + "&look=" + true
      );
    },
    // 查看
    ZBseeEdit (id) {
      this.$router.push("/usercenter/Bidding?id=" + id + "&look=" + true);
    },
    //编辑
    handleEdit (id, type) {
      this.$router.push(
        "/usercenter/attractInvestment?id=" + id + "&look=" + type
      );
    },
    //编辑
    ZBhandleEdit (id, type) {
      this.$router.push("/usercenter/Bidding?id=" + id + "&look=" + type);
      // this.$router.push("/usercenter/Bidding?id=" + id);
    },
    deleEdit (id) {
      let that = this;
      that.$confirm({
        title: "您确定要删除此信息吗?",
        okText: "确定",
        okType: "danger",
        cancelText: "取消",
        onOk () {
          console.log("OK");
          delAnnounceme(id)
            .then((res) => {
              console.log(res);
              if (res.code == 200) {
                that.$message.success("删除成功");
                that.ZBgetentMerchantsList();
                that.ZSgetentMerchantsList();
              } else {
                that.$message.error("删除失败");
              }
            })
            .catch((error) => { });
        },
        onCancel () {
          console.log("Cancel");
        },
      });
    },
  }
};
</script>

<style lang="less" scoped>
.OtherInformation {
  padding: 17px 24px;
  background: #fff;

  .MyNeed-title {
    &:nth-child(1) {
      font-size: 22px;
      color: #303133;
    }

    .add-btn {
      margin-left: 16px;
      width: 60px;
      height: 32px;
      background-color: #ffffff;
      border-radius: 4px;
    }
  }

  .card-box {
    padding: 16px 19px;
    background-color: #f5f7fa;
    border-radius: 4px;
    margin-bottom: 24px;
  }

  .action {
    span {
      a {
        font-size: 14px;
        color: #188af1;
      }
    }
  }
}

// ::v-deep .ant-modal-content {
//   border-radius: 32px;
//   border: solid 6px #188af1;
// }
// ::v-deep .ant-modal-header {
//   height: 60px;
//   background-color: #2a51bc;
//   border-radius: 24px 24px 0px 0px;
//   text-align: center;
//   display: none;
// }
// ::v-deep .ant-modal-title {
//   color: #fff;
//   font-size: @font26;
// }
// ::v-deep .ant-modal-footer {
//   margin: 0 24px;
//   border-top: 0px solid #e8e8e8;
// }
.industrymode {
  .title {
    text-align: center;
    font-size: 24px;
  }

  .info_details {
    font-size: 14px;

    p {
      margin-bottom: 5px;
      padding: 0 20px;
    }

    .item_lable {
      display: inline-block;
      width: 80px;
      text-align: right;
      margin-right: 10px;
      color: #333;
    }

    .item_contant {
      color: #666;
    }
  }
}
</style>